<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>品牌加盟详情</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
</head>

<body>
  <div class="app-wrap" v-cloak id="join_details">
    <header-top></header-top>
    <header-search-global type="首页"></header-search-global>
    <common-top-nav></common-top-nav>
    <div class="bg-gray">
      <div class="container userCenter clear">
        <leftnav></leftnav>
        <div class="user-content">
          <ul class="tabs tabs-enterPrise">
            <li class="li-tab" v-for="(item,index) in join_details" @click="toggleTabs(index)" :class="{active:index!=nowIndex}">
              <span :class="{borderRight_none:index == 0}">{{item}}</span>
            </li>
          </ul>
          <div class="divTab enterPrise-tab join_details groupTabs" v-show="nowIndex===0">
            <div class="tab-list">
              <div class="left">联系人：</div>
              <div class="right">{{joinDetailInfo.contacts}}</div>
            </div>
            <div class="tab-list">
              <div class="left">称呼：</div>
              <div class="right">{{joinDetailInfo.sex==0?'女':'男'}}</div>
            </div>
            <div class="tab-list">
              <div class="left">联系人类型：</div>
              <!--类型：1，经销商；2.消费者；3品牌商-->
              <div class="right">{{joinDetailInfo.type==1?'经销商':''}}{{joinDetailInfo.type==2?'消费者':''}}{{joinDetailInfo.type==3?'品牌商':''}}</div>
            </div>
            <div class="tab-list">
              <div class="left">联系手机：</div>
              <div class="right">{{joinDetailInfo.phone}}</div>
            </div>
            <div class="tab-list">
              <div class="left">加盟品牌：</div>
              <div class="right">{{joinDetailInfo.brandName}}</div>
            </div>
            <div class="tab-list">
              <div class="left">是否加盟过其他品牌：</div>
              <div class="right">{{joinDetailInfo.status==0?'否':'是'}}</div>
            </div>
            <div class="tab-list">
              <div class="left resize">联系QQ：</div>
              <div class="right">{{joinDetailInfo.qq}}</div>
            </div>
            <div class="tab-list">
              <div class="left resize">微信号：</div>
              <div class="right">{{joinDetailInfo.weixin}}</div>

            </div>
            <div class="tab-list">
              <div class="left resize">邮箱：</div>
              <div class="right">{{joinDetailInfo.email}}</div>
            </div>
            <div class="tab-list">
              <div class="left">所在地区：</div>
              <div class="right">{{joinDetailInfo.provinceName}} {{joinDetailInfo.cityName}} {{joinDetailInfo.areaName}}</div>
            </div>
            <div class="tab-list">
              <div class="left resize">详细地址：</div>
              <div class="right">{{joinDetailInfo.address}}</div>
            </div>
            <div class="tab-list">
              <div class="left resize">品牌加盟申请时间：</div>
              <div class="right">{{joinDetailInfo.createTime}}</div>
            </div>
            <div class="tab-list">
              <button class="BackToList" @click="toList" type="button">
                <i class="icon-back-white" ></i>返回品牌列表</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <common-footer></common-footer>
  </div>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
    join_details();
  </script>
</body>

</html>